<!--连载-->
<template>
  <div class="home">
    <div class="lianzai">
      <h2>热门连载</h2>
      <ul class="clearfix">
        <li><a @click="goXq(0)"><img src="../../../../static/img/monthly/388341-1354855495000.jpg" alt=""></a></li>
        <li><a @click="goXq(1)"><img src="../../../../static/img/monthly/417239-1404360621000.jpg" alt=""></a></li>
        <li><a @click="goXq(2)"><img src="../../../../static/img/monthly/446704-1390459140000.jpg" alt=""></a></li>
        <li><a @click="goXq(3)"><img src="../../../../static/img/monthly/450860-1361982592000.jpg" alt=""></a></li>
        <li><a @click="goXq(4)"><img src="../../../../static/img/monthly/471287-1422947511000.jpg" alt=""></a></li>
        <li><a @click="goXq(5)"><img src="../../../../static/img/monthly/576649-1379901289000.jpg" alt=""></a></li>
        <li><a @click="goXq(6)"><img src="../../../../static/img/monthly/633684-1378050061000.jpg" alt=""></a></li>
        <li><a @click="goXq(7)"><img src="../../../../static/img/monthly/686132-1435168905000.jpg" alt=""></a></li>
        <li><a @click="goXq(8)"><img src="../../../../static/img/monthly/450860-1361982592000.jpg" alt=""></a></li>
        <li><a @click="goXq(9)"><img src="../../../../static/img/monthly/471287-1422947511000.jpg" alt=""></a></li>
        <li><a @click="goXq(10)"><img src="../../../../static/img/monthly/576649-1379901289000.jpg" alt=""></a></li>
        <li><a @click="goXq(11)"><img src="../../../../static/img/monthly/686132-1435168905000.jpg" alt=""></a></li>
        <li><a @click="goXq(12)"><img src="../../../../static/img/monthly/388341-1354855495000.jpg" alt=""></a></li>
        <li><a @click="goXq(13)"><img src="../../../../static/img/monthly/417239-1404360621000.jpg" alt=""></a></li>
        <li><a @click="goXq(14)"><img src="../../../../static/img/monthly/446704-1390459140000.jpg" alt=""></a></li>
        <li><a @click="goXq(15)"><img src="../../../../static/img/monthly/450860-1361982592000.jpg" alt=""></a></li>
      </ul>
    </div>

  </div>
</template>
<script>
  export default {
    data () {
      return {
        msg: '13213'
      }
    },
    methods: {
      goXq (bookid) {
        this.$router.push( { name: 'bookinfo', params: { bookid: bookid }})
      }
    }
  }
</script>


<style>
  .lianzai{
    margin-bottom: 14px;
    background: #fff;

  }
  .lianzai h2{
    height: 50.39px;
    text-align: left;
    line-height: 50.39px;
    font-size: 16px;
    font-weight: normal;
    color:#333;
    padding-left:14px;
  }
  .lianzai ul{
    padding:0 14px;
  }
  .lianzai li{
    width:25%;
    padding:0 5px 5px 0;
    float: left;

  }
  .lianzai li a{
    display: block;
    width: 100%;

  }
  .lianzai li a img{width: 100%;}
</style>
